
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta charset="utf-8">
<meta name = "format-detection" content = "telephone=no" />
<link rel="icon" href="images/favicon.ico">
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.equalheights.js"></script>
<script src="js/jquery.mobilemenu.js"></script>
<script src="js/script.js"></script> 
<script src="js/jquery.ui.totop.js"></script>
<script src="js/jquery.stellar.js"></script>
<script src="js/tweens.js"></script>
<script src="js/jquery-ui-1.10.3.custom.js"></script>


<script>
 $(window).load(function(){
  $().UItoTop({ easingType: 'easeOutQuart' });

  

  if ($('html').hasClass('desktop')) {
      $.stellar({
      horizontalScrolling: false,
      verticalOffset: 40
    });
  }

   jQuery( "#accordion" ).accordion({
       collapsible: true,
       heightStyle: "content"
    });          
 }); 
</script>
<!--[if lt IE 8]>
 <div style=' clear: both; text-align:center; position: relative;'>
   <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
     <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
   </a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" media="screen" href="css/ie.css">
<![endif]-->
</head>

<body class="page1" id="top">
  <div class="main">
<!--==============================
              header
=================================-->
  <header data-stellar-background-ratio="1.5">
<section id="stuck_container">
  <!--==============================
              Stuck menu
  =================================-->
    <div class="container">
      <div class="row">
        <div class="grid_12 rel">
          <h1>
            <a href="index.html">
              <img src="images/logo.png" alt="Logo alt">
            </a>
          </h1>
           <form id="search" action="search.php" method="GET">
            <div class="rel">
              <label>
                <input type="text" name="s" value="">
              </label>
              <a onClick="document.getElementById('search').submit()" class="fa  fa-search"></a>
            </div>
             <div class="clear"></div>
           </form>
          <div class="navigation ">
            <nav>
              <ul class="sf-menu">
               <li class="current"><a href="index.html">Home</a></li>
               <li><a href="index-1.html">About Us</a>
                 <ul>
                    <li><a href="#">Vestibulum iaculis</a></li>
                    <li><a href="#">Fusce euismod conuat</a>
                      <ul>
                        <li><a href="#">Pellentesque sed</a></li>
                        <li><a href="#">Aliquam congue ferm</a></li>
                        <li><a href="#">Mauris accum</a></li>
                      </ul>
                    </li>
                    <li><a href="#">Pellentesque</a></li>
                 </ul>
               </li>
               <li><a href="index-2.html">Services</a></li>
               <li><a href="index-3.html">Projects</a></li>
               <li><a href="index-4.html">Contacts</a></li>
               <li><a href="index-5.html">Blog</a></li>
             </ul>
            </nav>
        
            <div class="clear"></div>
          </div>       
         <div class="clear"></div>  
        </div>
     </div> 
    </div> 
    </section>
    <div class="container">
      <div class="row">
        <div class="grid_12">
          <div class="caption">
            <h2>Advances of science make <br> easier our daily life!</h2>
            Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuamus. <br>
            <a href="#">click here</a>
          </div>
        </div>
      </div>
    </div>
  </header>

<!--=====================
          Content
======================-->
<section class="content">
  <div class="container">
    <div class="row">
      <div class="grid_4">
        <div class="banner anim_left">
          <div class="maxheight ">
            <img class="lazy"  src="images/page1_img1.jpg" alt="">
            <div class="bann_inner">
              <div class="bann_title"><a href="#">Science</a><span class="color3">Epsum factorial</span></div>
              <em>Epsum fal non deposit quid pro quo hic escorol pian quarrels.</em>
            </div>
          </div>
        </div>
      </div>
      <div class="grid_4">
        <div class="banner anim_top">
          <div class="maxheight">
            <img class="lazy"  src="images/page1_img2.jpg" alt="">
            <div class="bann_inner">
              <div class="bann_title"><a href="#">products</a><span class="color3">Epsum factorial</span></div>
              <em>Epsum fal non deposit quid pro quo hic escorol pian quarrels.</em>
            </div>
          </div>
        </div>
      </div>
      <div class="grid_4">
        <div class="banner anim_right">
          <div class="maxheight ">
            <img class="lazy"  src="images/page1_img3.jpg" alt="">
            <div class="bann_inner">
              <div class="bann_title"><a href="#">Careers</a><span class="color3">Epsum factorial</span></div>
              <em>Epsum fal non deposit quid pro quo hic escorol pian quarrels.</em>
            </div>
          </div>
        </div>
      </div>
      <div class="clear"></div>
      <div class="grid_4">
        <div class="block1">
          <img class="lazy"  src="images/icon1.png" alt="">
          <div class="block1_title"><span>for</span>Research</div>Lorem ipsum dolor sit amet, conetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque.<br>
          <a href="#" class="btn"><span data-content="Learn more about it">Learn more about it</span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        </div>
      </div>
      <div class="grid_4">
        <div class="block1">
          <img class="lazy"  src="images/icon2.png" alt="">
          <div class="block1_title"><span>for</span>Target Discovery</div>Lorem ipsum dolor sit amet, conetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque. <br>
           <a href="#" class="btn"><span data-content="Learn more about it">Learn more about it</span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        </div>
      </div>
      <div class="grid_4">
        <div class="block1">
          <img class="lazy"  src="images/icon3.png" alt="">
          <div class="block1_title"><span>for</span>Therapies</div>Lorem ipsum dolor sit amet, conetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque.<br>
           <a href="#" class="btn"><span data-content="Learn more about it">Learn more about it</span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        </div>
      </div>
      <div class="grid_12">
        <div class="sheet">
          <div class="sheet_title anim_top">
            The Science of Possibility
          </div>
          <div class="sheet_inner">
            <div class="sheet_item ">
              <img src="images/page1_img4.jpg" alt="">
              <div class="sheet_capt it__1">
                <div class="sheet_name">gorilla congolium sic ad nauseum</div>
                <p>Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin.</p>
                <a href="#" class="fa fa-facebook"></a>
              </div>
            </div>
            <div class="sheet_item">
              <div class="sheet_inner">
                <div class="sheet_item">
                  <img src="images/page1_img5.jpg" alt="">
                  <div class="sheet_capt">
                    <div class="sheet_name">gorilla congolium sic ad nauseum</div>
                    <p>Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin.</p>
                    <a href="#" class="fa fa-facebook"></a>
                  </div>
                </div>
                <div class="sheet_item">
                  <img src="images/page1_img6.jpg" alt="">
                  <div class="sheet_capt">
                    <div class="sheet_name">gorilla congolium sic ad nauseum</div>
                    <p>Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin.</p>
                    <a href="#" class="fa fa-facebook"></a>
                  </div>
                </div> 
                <div class="sheet_item">
                  <img src="images/page1_img7.jpg" alt="">
                  <div class="sheet_capt">
                    <div class="sheet_name">gorilla congolium sic ad nauseum</div>
                    <p>Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin.</p>
                    <a href="#" class="fa fa-facebook"></a>
                  </div>
                </div>
                <div class="sheet_item">
                  <img src="images/page1_img8.jpg" alt="">
                  <div class="sheet_capt">
                    <div class="sheet_name">gorilla congolium sic ad nauseum</div>
                    <p>Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin.</p>
                    <a href="#" class="fa fa-facebook"></a>
                  </div>
                </div> 
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="grid_6 rel anim_left1">
        <h3>recent posts</h3>
        <div class="post">
          <time datetime="2014-01-01">
            <span class="color3">17</span>
            dec, 2014
           <img src="images/blog_icon1.png" alt="">
          </time>
          <img src="images/page1_img9.jpg" alt="" class="img_inner fleft">
          <div class="extra_wrapper">
            <ul class="blog_links">
              <li><a href="#">By admin</a></li>
              <li><a href="#">Web, news</a></li>
              <li><a href="#">5 comments</a></li>
              <li><a href="#">read more ></a></li>
            </ul>
            <div class="text1 color1"><a href="#">Vestibulum libero nisl, porta vel, scelerisque eget.</a></div>
            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque...
          </div>
        </div>
        <div class="post">
          <time datetime="2014-01-01">
            <span class="color3">28</span>
            dec, 2014
           <img src="images/blog_icon2.png" alt="">
          </time>
          <img src="images/page1_img10.jpg" alt="" class="img_inner fleft">
          <div class="extra_wrapper">
            <ul class="blog_links">
              <li><a href="#">By admin</a></li>
              <li><a href="#">Web, news</a></li>
              <li><a href="#">5 comments</a></li>
              <li><a href="#">read more ></a></li>
            </ul>
            <div class="text1 color1"><a href="#">Vivamus eget nibhiam cursus leo.</a></div>
            Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. 
          </div>
        </div>
      </div>
      <div class="grid_3 rel anim_left2">
        <h3>What we do</h3>
        <dl id="accordion">
          <dt><span></span>Vesro nisl, porta velceleris.</dt>
          <dd>
            <p>Quisque nulla. V nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. </p>
            Nulla facilisi. Aenean nec eros. Vestibulum ante
          </dd>
          <dt><span></span>Wue eget, malesuada at.</dt>
          <dd>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem consequuntur placeat fugiat nihil unde debitis! </p>
            Maxime, quod, rem sint minus repellat soluta numquam minima officia. Animi tempora molestiae voluptate itaque!
          </dd>
          <dt><span></span>Nequevamus eget nibhiam. </dt>
          <dd>
            <p>Vivamus eget nibhiam cursus leo.</p>
             Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque.
          </dd>
        </dl>
      </div>
      <div class="grid_3 rel anim_left3">
        <h3>they say</h3>
        <blockquote class="bq1">
          <div class="bq1_title"><img src="images/page1_img11.jpg" alt=""><div>Jack White<span>The businessman</span></div>
          <strong></strong>
          </div>
          <img src="images/quotes.png" alt="">
          <div class="extra_wrapper">
            <p class="color1">Quisque nulla. Veisl, porta vel, scelerisque eget, alesuada at, neque. </p>
            Nulla facilisi. Aeeanec eros. Vestibulum ante ium primis in faucibus orci luctus et ultrices posuere cubilia Cuendisse sollicitudin velit. sed leo. Ut pharetra auguugue.
          </div>
        </blockquote>
      </div>
      <div class="grid_12">
        <div class="sheet_title">
          They work with us
        </div>
        <ul class="logos">
          <li><a href="#"><img src="images/logo1.png" alt=""></a></li>
          <li><a href="#"><img src="images/logo2.png" alt=""></a></li>
          <li><a href="#"><img src="images/logo3.png" alt=""></a></li>
          <li><a href="#"><img src="images/logo4.png" alt=""></a></li>
          <li><a href="#"><img src="images/logo5.png" alt=""></a></li>
          <li><a href="#"><img src="images/logo6.png" alt=""></a></li>
          <li><a href="#"><img src="images/logo7.png" alt=""></a></li>
          <li><a href="#"><img src="images/logo8.png" alt=""></a></li>
          <li><a href="#"><img src="images/logo9.png" alt=""></a></li>
        </ul>
      </div>
    </div>
  </div>
</section>
<!--==============================
              footer
=================================-->
<footer id="footer">
  <div class="footer_top">
    <div class="container">
      <div class="row">
        <div class="grid_5 anim_left">
          <h4>Get in touch</h4>
          <div class="row">
            <div class="grid_3">
              <address class="f_address">
                <p>8901 Marmora Road <br>
                Glasgow, DO4 89GR.<br>
                <span>Freephone:</span>  +1 800 559 6580<br>
                <span>Telephone:</span>   +1 959 603 6035<br>
                <span>FAX:</span>            + 1 504 889 9898</p>

                E-mail: <a href="#">mail@demolink.org</a>
              </address>
            </div>
            <div class="grid_2">
              <ul class="f_menu">
               <li class="current"><a href="index.html">Home</a></li>
               <li><a href="index-1.html">About us</a></li>
               <li><a href="index-2.html">Services</a></li>
               <li><a href="index-3.html">Projects</a></li>
               <li><a href="index-4.html">Contacts</a></li>
               <li><a href="index-5.html">Blog</a></li>
             </ul>
            </div>
          </div>
        </div>
        <div class="grid_4 ">
          <h4>Follow us</h4>
          <div class="footer_socials">
            <a href="#" class="fa fa-google-plus"></a>
            <a href="#" class="fa fa-twitter"></a>
            <a href="#" class="fa fa-facebook"></a>
            <a href="#" class="fa fa-pinterest"></a>
            <a href="#" class="fa fa-linkedin"></a>
          </div>
        </div>
        <div class="grid_3 anim_right">
          <h4>Join our newsletter</h4>
          
          <p>And always stay informed of the latest science news and events!</p>
          <a href="#" class="btn"><span data-content="Sign up">Sign up</span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="row">
      <div class="grid_12">  
         <div class="copyright"> &copy; <span id="copyright-year"></span> Science Lab.  <a href="index-6.html">Privacy Policy</a> <!--{%FOOTER_LINK} -->
         </div>
      </div>
    </div>
  </div>  
</footer>
<figure class="cont_map">
  <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d24214.807650104907!2d-73.94846048422478!3d40.65521573400813!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sus!4v1395650655094" style="border:0"></iframe>
</figure></div>
<script type="text/javascript">
 var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-7078796-5']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();</script>
</body>
</html>

